iT邦幫忙

2023 iThome 鐵人賽

DAY 3
1
影片教學

Vite 原始碼解讀系列 第 3

[Vite 原始碼解讀] createServer part1

  • 分享至 

  • xImage
  •  

Yes

Youtube 連結:https://www.youtube.com/watch?v=nU5KAiiydNI


在上一集我們追原始碼追到當執行了 npm run dev 指令後會發生什麼事情。我們發現這個指令實際上會啟動一個 cli 程式,而在這個 cli 程式內部會啟動一個伺服器。這一集將更深入地看看 createServer,看看它究竟做了什麼。

我們簡單的看了一下 createServer 函式的實作,大概 400 行左右。其中關於 middleware 的概念 Vite 是透過 connect 套件來實作的。大概可以看的出來 createServer 在伺服器建立過程中用了類似的概念插入了中間層的邏輯。

chokidar 是一個用於監聽文件變化的套件。這個套件的主要功能是監測檔案系統中的檔案,並在檔案發生變化時觸發相應的操作。雖然 Node 本身已經提供了類似的功能,但 chokidar 在某些方面提供了更強大的功能,特別是在處理跨平台的文件路徑時。

chokidar 會監測文件系統中的變化,例如當新增、修改或刪除檔案時,chokidar 會觸發相應的事件,以便應用程式可以處理這些變化。

在這個系列影片中,我們將繼續研究 Vite 的原始碼,希望可以更全面地了解 Vite 的運作原理。歡迎訂閱我的 Youtube 頻道,我們下集見!

參考資料:


上一篇
[Vite 原始碼解讀] npm run dev 之後...
下一篇
[Vite 原始碼解讀] 當檔案異動的時候...
系列文
Vite 原始碼解讀30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言